
var CommonPanel = Ext.extend( Ext.Panel,{
    id :   'CommonPanelID',
    xtype: 'CommonPanel', 
    renderTo: Ext.getBody(),
    width: 1000,
    height: 600,
    title: 'TEST VIEW',
    layout: 'border',
    split: true,   
    initComponent: function(){
        this.items = [
            {
            region: 'west',
            id :    'TreeID',
            xtype: 'TreeID',
            title:  'TREE',
            frame : true,
            split: true,
            collapsed: false,
            autoScroll : true,          
            width: 200,
            height:500,
            minSize: 50,
            maxSize: 250
            },
            {
            region : 'center',              
            id :    'GridID',
            title:  'Grid',
            frame : true,
            split: true,
            autoScroll : true,
            width: 600,
            height:500,
            minSize: 50,
            maxSize: 250}];
        CommonPanel.superclass.initComponent.call(this);
        }
});

Ext.reg('CommonPanel', CommonPanel);